<template>
  <div class="box">
    儿子的文具： {{ toy }}
    <p>
      父亲的汽车： {{ name }} {{ color }} {{ year }} {{ price }}
    </p>
    <button class="btn" @click="emit('handlePrice', 3333)">修改父亲汽车的价格</button>
  </div>

</template>

<script lang='ts' setup>
import { ref } from 'vue';

defineProps(['name', 'color', 'year', 'price'])
const emit = defineEmits(['handlePrice'])

const toy = ref("奥特曼")

</script>

<style scoped lang='scss'>
.box {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: orange;
  color: white;
  margin-top: 20px;
}
</style>
